@charset "utf-8";
@function vw($a) {
    @return ( $a / 640) * 100vw;
}

header {
    height: vw(75);
    border-bottom: vw(1) solid #a7a7a7;
    line-height: vw(75);
    box-sizing: border-box;
    padding-left: vw(28);
    padding-right: vw(28);
    i {
        color: #000;
        float: left;
    }
    .iconfont {
        font-size: vw(30);
    }
    h6 {
        font-size: vw(30);
        text-align: center;
    }
}

section {
    width: 100%;
    top: vw(75);
    bottom: 0;
    .all-button {
        width: vw(300);
        height: vw(68);
        margin: 0 auto;
        input[type="button"] {
            width: 100%;
            height: 100%;
            font-size: vw(30);
            background: #333333;
            color: #fff;
            border-radius: vw(5);
        }
        input[type="button"]:active {
            color: #333333;
            background: #fff;
            box-sizing: border-box;
            border: 1px solid #333333;
        }
    }
}

.all-centent {
    width: vw(590);
    margin: 0 auto;
    ul {
        li {
            margin-left: vw(13);
            margin-right: vw(13);
            width: vw(167);
            height: vw(47);
            font-size: vw(29.14);
            line-height: vw(47);
            text-align: center;
            border: vw(2) solid #8a8a8a;
            border-radius: vw(4);
            cursor: pointer;
        }
        li:nth-child(3n+1) {
            float: left;
            margin-top: 0;
        }
        li:nth-child(3n+2) {
            float: right;
            margin-top: 0;
        }
        li:nth-child(3n) {
            margin: 0 auto;
            margin-bottom: vw(20);
        }
        li:last-child {
            float: none;
            margin: 0 auto;
            margin-bottom: vw(34);
        }
        .liactive {
            background: #bcbcbc;
        }
        .liactive1 {
            background: #bcbcbc;
        }
    }
}

.all-title {
    font-size: vw(30);
    color: #484848;
    line-height: vw(71);
    padding-left: vw(28);
    border-top: vw(1) solid #a7a7a7;
    span {
        font-size: vw(20);
        color: #bcbcbc;
        padding-left: vw(13);
    }
}

